* {
      padding: 0;
      margin: 0
  }
  
  body {
      font-family: "微软雅黑"
  }
  
  a {
      text-decoration: none;
      color: #333333;
  }
  
  li {
      list-style: none;
  }
  
  /* 头部 */
  .toper {
      width: 100%;
      height: 56px;
      background: #ffe300;
  }
  
  .toper_content {
      width: 1763px;
      height: 56px;
      margin: 0 auto;
  }
  
  .toper_l {
      width: 120px;
      height: 25px;
      padding-top: 18px;
      float: left;
  }
  
  .toper_l img {
      width: 100%;
      height: 100%
  }
  
  .toperHide{
      float: left;
      margin-left: 447px;
      overflow: hidden;
      width:550px;
      height:56px;
      background-color: #ffe300;
      line-height:56px;
      font-size:14px;
      display: none;
  }
  .toperHide>span{
      display: inline-block;
      float: left;
      width:40px;
      height:56px;
      background: url(../images/17.svg) no-repeat left center;
  }
  .toperHide>input{
      display: inline-block;
      width:470px;
      height: 56px;
      background: #ffe300;
      border: none;
      outline:none;
      margin-top:0;
      float: left;
  }
  .toperHide>a{
      width: 20px;
      height:20px;
      display: inline-block;
      margin-top:18px;
      background: url(../images/18.svg) no-repeat;
      background-size: 100%;
  }
  .toper_c {
      float: left;
      width: 628px;
      height: 56px;
      margin-left: 447px;
  }
  
  .toper_c>ul>li {
      padding: 0 24px;
      font-size: 14px;
      float: left;
      height: 56px;
      line-height: 56px;
      font-weight: 600px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
  
  }
  
  .toper_c>ul>li.active {
      background: #282828;
      overflow: unset;
  }
  
  .toper_c>ul>li.active>a {
      color: #ffe300;
  }
  
  .toper_c>ul>li.active>span {
      background: url(../images/8.svg) no-repeat 0 28px;
  }
  
  .toper_c>ul>li>span {
      display: block;
      width: 20px;
      height: 56px;
      background: url(../images/4.svg) no-repeat 0 28px;
      background-size: 100%;
  }
  
  .toper_c_found {
      width: 666px;
      height: 145px;
      position: absolute;
      left: 0;
      background: white;
      z-index: 999;
  }
  
  .toper_c_found>ul {
      width: 666px;
      padding: 0 18px 0 18px;
      height: 92px;
      border-bottom: 1px solid #eaeaea;
  }
  
  .toper_c_found li {
      width: 89px;
      margin-top: 18px;
      float: left;
      line-height: 1em;
      overflow: hidden;
      text-align: center;
      border-left: 1px solid #eaeaea;
  }
  
  .toper_c_found li a {
      color: #444444;
      font-size: 14px;
      line-height: 1em;
      text-align: center;
      display: inline-block;
      padding: 4px 6px;
  }
  
  .toper_c_found_bottom {
      height: 52px;
      width: 100%;
  }
  
  .toper_c_found_bottom>span {
      margin-left: 30px;
      display: inline-block;
      line-height: 52px;
  }
  
  .toper_c_found_bottom>span a {
      color: #444444;
      font-size: 14px;
  }
  
  .toper_c_found li:hover>a {
      background: #ffe300;
      border-radius: 5px;
      color: #444444;
  }
  
  .toper_c_found .toper_c_found_bottom span:hover>a {
      color: brown;
  }
  
  .toper_c_position {
      padding-top: 10px;
      width: 142px;
      height: 146px;
      background: white;
      position: absolute;
      left: 0;
      z-index: 999;
  }
  
  .toper_c_position li {
      height: 44px;
      width: 142px;
  }
  
  .toper_c_position li a {
      display: block;
      height: 44px;
      color: #444444;
      font-size: 14px;
      line-height: 44px;
      margin-left: 20px;
  }
  
  .toper_c_position li:hover {
      background: #ffe300;
  }
  
  .toper_c_activity {
      width: 152px;
      height: 188px;
      position: absolute;
      left: 0;
      background: white;
      padding-top: 10px;
      z-index: 999;
  }
  
  .toper_c_activity li {
      height: 44px;
      width: 152px;
  }
  
  .toper_c_activity li a {
      display: block;
      height: 44px;
      color: #444444;
      font-size: 14px;
      line-height: 44px;
      margin-left: 20px;
  }
  
  .toper_c_activity li:hover {
      background: #ffe300;
  }
  
  .toper_r {
      width: 252px;
      height: 56px;
      float: right;
      cursor: pointer;
  }
  
  .toper_r_left {
      width: 120px;
      float: left;
      height: 56px;
  }
  
  .toper_r_left>div {
      width: 60px;
      height: 56px;
  }
  
  .toper_r_left>div.toper_r_left_active {
      background: #444444;
  }
  
  .toper_r_left #toper_r_left_list1 {
      float: left;
  
  }
  
  .toper_r_left #toper_r_left_list2 {
      float: right;
  }
  
  .toper_r_left>div.toper_r_left_active .toper_r_left_list1 {
      background: url(../images/search.png) no-repeat;
      background-size: 100%;
  }
  
  .toper_r_left>div.toper_r_left_active .toper_r_left_list2 {
      background: url(../images/9.svg) no-repeat;
      background-size: 100%;
  }
  
  .toper_r_left b {
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-top: 18px;
      margin-left: 20px;
  }
  
  .toper_r_left .toper_r_left_list1 {
      background: url(../images/2.svg) no-repeat;
      background-size: 100%;
  
  }
  
  .toper_r_left .toper_r_left_list2 {
      background: url(../images/3.svg) no-repeat;
      background-size: 100%;
  
  }
  
  .toper_r_right {
      width: 132px;
      height: 56px;
      float: right;
      overflow: hidden;
  }
  
  .toper_r_right ul {
      margin-left: -1px;
  }
  
  .toper_r_right li {
      width: 64px;
      font-size: 14px;
      line-height: 1em;
      text-align: center;
      border-left: 1px solid #444444;
      float: left;
      margin-top: 24px;
  }
  
  /* 轮播图 */
  .commen {
      width: 1380px;
      margin: 0 auto;
  }
  
  .rotationChart {
      height: 350px;
      margin-top: 20px;
      position: relative;
      background: red;
      overflow: hidden;
  }
  
  .bennerList {
      width: 6900px;
      position: absolute;
      left: 0;
  }
  
  .rotationChart li {
      float: left;
      width: 1380px;
      height: 350px;
  }
  
  .rotationChart li img {
      width: 100%;
      height: 100%;
  }
  
  .rotationChart span {
      width: 50px;
      height: 50px;
      /* display: inline-block; */
      border-radius: 50%;
      position: absolute;
      z-index: 1;
      /* background: #444444;; */
      opacity: 0.8;
      display: none;
      cursor: pointer;
  }
  
  .rotationChart_l {
      left: 10px;
      top: 50%;
      margin-top: -25px;
      background: url(../images/10.svg) no-repeat;
      background-size: 100%;
  }
  
  .rotationChart_l.rotationChart_active {
      background: url(../images/11.svg) no-repeat;
      background-size: 100%;
  }
  
  .rotationChart_r {
      right: 10px;
      top: 50%;
      margin-top: -25px;
      background: url(../images/12.svg) no-repeat;
      background-size: 100%;
  }
  
  .rotationChart_r.rotationChart_active {
      background: url(../images/13.svg) no-repeat;
      background-size: 100%;
  }
  
  /* 广告位 */
  .advertisement {
      width: 1400px;
      height: 208px;
      margin-top: 20px;
      overflow: hidden;
      padding-left: 20px;
  }
  
  .advertisement>div {
      width: 260px;
      height: 208px;
      float: left;
      margin-right: 20px;
  }
  
  .advertisement>div>img {
      width: 100%;
      height: 100%;
  }
  
  /* 标题 */
  .title {
      height: 56px;
      padding-top: 48px;
  }
  
  .title>ul {
      width: 372px;
      height: 56px;
      margin: 0 auto;
  }
  
  .title>ul>li {
      width: 124px;
      height: 56px;
      float: left;
      text-align: center;
  }
  
  .title>ul>li>a {
      display: block;
      height: 56px;
      width: 64px;
      line-height: 56px;
      color: #999999;
      font-size: 16px;
  }
  
  #title_first {
      border-bottom: 2px solid #444444;
      color: #444444;
      height: 54px;
  }
  
  .title>ul>li.title_active>a {
      border-bottom: 2px solid #444444;
      color: #444444;
      height: 54px;
  }
  
  /* 主要内容 */
  .mainContent {
      width: 100%;
      overflow: hidden;
      background: #f4f4f4;
  }
  
  .mainContentList {
      background: #f4f4f4;
      width: 1400px;
      overflow: hidden;
      margin: 0 auto;
  }
  
  .mainContentDivList {
      margin-top: 22px;
      width: 260px;
      height: 345px;
      float: left;
      margin-right: 20px;
  
  }
  
  .mainContentSmallDivList {
      width: 260px;
      height: 150px;
      background: white;
  }
  
  .mainContentSmallDivList_t {
      width: 236px;
      height: 75px;
      padding: 11px 16px 13px 16px;
      border-bottom: 1px solid #eee;
  }
  
  .mainContentSmallDivList_t_title {
      margin-bottom: 1px;
      height: 20px;
      line-height: 20px;
      overflow: hidden;
  }
  
  .mainContentSmallDivList_t_title>a {
      width: 228px;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      color: #333;
      outline: 0;
  }
  
  .mainContentSmallDivList_t_title>a:hover {
      color: red;
  }
  
  .mainContentSmallDivList_t_content {
      font-size: 12px;
      color: #bbb;
      margin-bottom: 17px;
      height: 18px;
  }
  
  .mainContentSmallDivList_t_list {
      font-size: 12px;
      color: #bbb;
      bottom: 14px;
  
  }
  
  .mainContentSmallDivList_t_list>span {
      margin-right: 10px;
      cursor: pointer;
      height: 16px;
      display: inline-block;
  }
  
  .mainContentSmallDivList_t_list1 {
      width: 30px;
      background-image: url(../images/16.svg);
      background-repeat: no-repeat;
      background-position: 0 center;
      padding-left: 20px;
      background-size: 16px auto;
  }
  
  .mainContentSmallDivList_t_list2 {
      width: 15px;
      background-image: url(../images/15.svg);
      background-repeat: no-repeat;
      background-position: 0 center;
      padding-left: 20px;
      background-size: 16px auto;
  }
  
  .mainContentSmallDivList_t_list3 {
      width: 20px;
      background-image: url(../images/14.svg);
      background-repeat: no-repeat;
      background-position: 0 center;
      padding-left: 22px;
      background-size: 16px auto;
  }
  
  .mainContentSmallDivList_b {
      width: 236px;
      height: 50px;
      padding: 0 16px;
      line-height: 50px;
      font-size: 12px;
      position: relative;
  }
  
  .mainContentSmallDivList_b .mainContentSmallDivList_bl {
      width: 75px;
      height: 50px;
      float: left;
      cursor: pointer;
      /* position: relative; */
  }
  .mainContentSmallDivList_b .mainContentSmallDivList_bl>img {
      border-radius: 50%;
      margin-right: 10px;
      width: 24px;
      height: 24px;
      vertical-align: middle;
  }
  .mainContentSmallDivList_b .mainContentSmallDivList_bl>a {
      font-size: 12px;
      line-height: 50px;
      height: 50px;
      color: #333;
      display: block;
      float: right;
  }
  
  .mainContentSmallDivList_b .mainContentSmallDivList_bl>a:hover {
      color: red;
  }
  
  .mainContentSmallDivList_b_listhide {
      position: absolute;
      border-radius: 4px;
      width: 210px;
      height: 229px;
      z-index: 999;
      left: 0;
      bottom: 49px;
      background: white;
      box-shadow: 2px 6px 15px rgba(0, 0, 0, .15);
      text-align: center;
      padding: 30px 0 21px;
      display: none;
  }
  
  .avator_container {
      width: 80px;
      height: 80px;
      margin: 0 auto;
  }
  
  .avator_container>a>img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      vertical-align: middle;
  }
  
  .mainContentSmallDivList_b>span {
      float: right;
      color: #bbb;
      height: 50px;
      line-height: 50px;
      display: block;
      font-size: 12px;
      width: 50px;
  }
  
  .personal_info {
      margin: 4px 0 0;
      line-height: 24px;
      font-size: 18px;
  }
  
  .position_info {
      margin-bottom: 10px;
      line-height: 21px;
      padding: 0 16px 0 16px;
      display: flex;
      justify-content: center;
      font-size: 12px;
      color: #bbb;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  
  .info_num {
      line-height: 21px;
  }
  
  .info_num_work {
      position: relative;
      width: 50%;
      text-align: center;
      float: left;
      border-right: 1px solid #bbb;
      margin-left: -1px;
  }
  
  .info_num_work>p,
  .info_num_fans>p {
      color: #bbb;
      line-height: 21px;
      font-size: 12px;
  }
  
  .info_num_work>a,
  .info_num_fans>a {
      color: #333;
      font-weight: 600;
      line-height: 21px;
  }
  
  .info_num_fans {
      width: 50%;
      text-align: center;
      float: left;
  }
  
  .btn_area>button {
      border-radius: 4px;
      cursor: pointer;
      text-align: center;
      width: 80px;
      height: 32px;
      margin-left: 10px;
      outline: none;
  }
  
  .btn_area_list1 {
      border: 1px solid yellow;
      background: yellow;
  }
  
  .btn_area_list2 {
      background: white;
      border: 1px solid #bbb;
  }
  
  
  .mainContentList_btn {
      width: 528px;
      height: 82px;
      padding-top: 40px;
      margin: 0 auto;
  }
  
  .mainContentList_btn>a {
      display: block;
      border-radius: 4px;
      font-weight: 400;
      float: left;
      width: 40px;
      height: 40px;
      color: #999;
      line-height: 40px;
      text-align: center;
      margin: 0 3px;
      background: white;
      border: 1px solid #E9E9E9;
  }
  
  .mainContentList_btn>a>img {
      width: 10px;
      height: 10px;
  }
  
  .mainContentList_btn>a.mainContentList_btn_active,
  #mainContentList_btn_first1 {
      background: #ffe300;
      border: 1px solid #ffe300;
      color: #333;
  }
  
  
  /* 猜你喜欢 */
  .like {
      width: 100%;
      height: 456px;
      background: #f4f4f4;
  }
  
  .like_content {
      width: 1400px;
      background: #f4f4f4;
      height: 314px;
      margin: 0 auto;
  }
  
  .like_content_t>p {
      font-size: 14px;
      color: #666666;
      float: left;
      line-height: 1em;
      margin-left: -20px;
  }
  
  .like_content_t>a {
      display: block;
      float: right;
      color: #d36f16;
      font-size: 14px;
      line-height: 1em;
  }
  
  .like_content_b {
      height: 240px;
      padding-top: 22px;
      float: left;
      /* margin-left:-20px; */
  }
  
  .like_content_b_content {
      width: 260px;
      height: 240px;
      background: white;
      margin-right: 20px;
      border-radius: 5px;
      overflow: hidden;
      float: left;
      cursor: pointer;
  }
  
  .like_content_b_content>img {
      width: 100%;
      height: 200px;
  }
  
  .like_content_b_content>img:hover {
      opacity: .5;
  }
  
  .like_content_b_content>a {
      display: block;
      width: 260px;
      height: 40px;
      margin-left: 20px;
      font-size: 14px;
      line-height: 40px;
      color: #282828;
  }
  
  .like_content_b_content>a:hover {
      color: red;
  }
  
  .like_img {
      width: 1380px;
      margin: 0 auto;
      border-radius: 5px;
      margin-left: 0;
  }
  
  .like_content_t {
      margin: 22px;
  }
  
  .backTop {
      width: 50px;
      height: 50px;
      position: fixed;
      left: 50%;
      z-index: 10;
      bottom: 34px;
      margin-left: 700px;
      background: #ddd;
      border-radius: 5px;
      text-align: center;
      line-height: 50px;
      cursor: pointer;
      display: none;
  }
  
  /* 页脚 */
  .footer {
      width: 100%;
      height: 230px;
      background: #282828;
  }
  
  .footerContent {
      width: 1400px;
      height: 230px;
      margin: 0 auto;
  }
  
  .footerContent_t {
      width: 100%;
      height: 130px;
      line-height: 130px;
      border-bottom: 1px solid #333;
  }
  
  .footerContent_tl {
      float: left;
  }
  
  .footerContent_tl>a {
      margin-right: 38px;
      outline: none;
      color: #666;
      font-size: 14px;
  }
  
  .footerContent_tr {
      float: right;
  }
  
  .footerContent_tr>a {
      display: inline-block;
      width: 25px;
      height: 21px;
      position: relative;
  }
  
  .footerContent_tr>.footerContent_tr_list1 {
      background: url(../images/5.svg) no-repeat;
      margin-right: 46px;
  }
  
  .footerContent_tr>.footerContent_tr_list2 {
      background: url(../images/6.svg) no-repeat;
  
  }
  

  .phone {
      width: 42px;
      padding-left: 24px;
      background: url(../images/7.svg) no-repeat left center;
  }
  
  .footerContent_bt {
      margin-top: 20px;
      position: relative;
  }
  
  .footerContent_bt a,
  .footerContent_bb a {
      font-size: 12px;
      color: #666;
  }
  
  .footerContent_bt i,
  .footerContent_bb i {
      display: inline-block;
      width: 1px;
      height: 12px;
      background: #666;
      vertical-align: middle;
      margin: 0 44px;
  }
  
  .police {
      background: url(../images/1.png) no-repeat left center;
      padding-left: 20px;
      font-size: 12px;
  }
  
  .footerContent_bb {
      margin-top: 10px;
      position: relative;
  }
  
  .footerContent_bb span {
      font-size: 12px;
      color: #666;
  
  }
  
  .right {
      position: absolute;
      right: 0;
  } 